
//引用common.less文件夹

@import 'common.less';


//轮播图开始
#lunbotu{
    position: relative;
    height: 500px;
    background: yellow;
    overflow: hidden;
    .lunbotu_inner{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 700%;
        height: 500px;
        a{
            display: block;
            width: 100%/7;
            height: 500px;
            float: left;
            height: 500px;
        }
        a:nth-child(1){
            background: url(../img/lunbotu/626-eshop-0624.jpg) no-repeat;
            background-size: cover;
        }
    }
}


//轮播图结束

//内容页开始
#content_wrap{
    width: 100%;
    height: auto;
    .widget_h{
        width: 1170px;
        height: 85px;
        margin: 0 auto;
        ul{
            li{
                width: 1140px;
                height: 85px;
                background: yellow;
                a{
                   img{
                      width: 1140px;
                      height: 85px; 
                   }
                }
            }
        }
        
    }
}

//切换效果图
#widget_ad{
    width: 1170px;
    height: auto;
}


//切换图开始

#img_qiehuan_wrap{
    width: 1170px;
    height: auto;
    margin: 0 auto;
    padding: 0px 10px;
    .btn_quehuan_wrap{
        width: 1150px;
        height: 59px;
        .btn_qiehuan_inner{
            width: 62px;
            height: 34px;
            margin-top: 5px;
            margin-bottom: 20px;
            float: right;
            a{
                display: block;
                background: white;
                width: 31px;
                height: 34px;
                float: left;
                border: 1px solid @border_color;
                .w_c(34px);
                &:hover{
                    border: 1px solid #AFAFAF;
                    background: #F3F3F3;
                }
            }
            a:nth-child(2){
                border-left: none;
            }
        }
        
    }
}

//      图片区
#img_quehuan_inner{
    width: 1152px;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
    .img_col{
        width: 384px;
        height: auto;
        float: left;
        background: white;
        border: 1px solid #F3F3F3;
        transition: 0.5s;
        &:hover{
                border: 1px solid #D5DFDD;
                background: rgba(0,0,0,0.3);
            }
        .img_col_inner{
            width: 342px;
            height: auto;
            padding: 20px;
            h4{
                color: #AFAFAF;
            }
            font{
                color: #E9392A;
                
            }
            a{
                display: block;
                img{
                    width: 342px;
                    height: 311px;
                    transition: 0.5s;
                    &:hover{
                        width: 352px;
                        height: 321px;
                    }
                }
            }
            
        }
    }
}


//切换图结束

#ad_img2{
    width: 1140px;
    height: 85px;
    margin: 20px auto;
    
}

//覆盖变色开始
#cover_ad_wrap{
    width: 1170px;
    padding: 10px;
    height: auto;
    margin: 0 auto;
    .cover_ad_title{
        width: 1150px;
        height: auto;
        h3{
            width: 233px;
            height: 28px;
            margin-top: 13px;
            margin-bottom: 10px;
            padding-top: 4px;
            border-left: 3px solid #418D82;
            font-size: 22px;
            .w_c(22px);
            padding: 0;
            padding-left: 10px;
        }
    }
    
    .cover_ad_content{
        width: 1150px;
        height: auto;
        overflow: hidden;
        .cover_ad_content_l{
            
            width: 575px;
            height: 500px;
            float: left;
            a{
                position: relative;
                display: block;
                height: auto;
                overflow: hidden;
                .cover_zhao{
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    width: 100%;
                    height: 100%;
                    transition: 0.3s;
                    &:hover{
                        background: white;
                        opacity: 0.5;
                    }
                }
            }
            .cover_ad_content_l_i{
                width: 575px;
                height: 250px;
            }
        }
    }
}
//覆盖变色结束




//楼层样式开始
#floor_wrap{
    width: 1150px;
    padding: 10px;
    height: auto;
    margin: 0 auto; 
    .cover_ad_title{
        width: 1150px;
        height: auto;
        h3{
            min-width: 233px;
            height: 28px;
            margin-top: 13px;
            margin-bottom: 10px;
            padding-top: 4px;
            border-left: 3px solid #418D82;
            font-size: 22px;
            .w_l(22px);
            padding: 0;
            padding-left: 10px;
        }
    }
    .floor_inner{
        width: 1150px;
        height: auto;
        overflow: hidden;
        .floor_wrap_inner{
            position: relative;
            width: 285px;
            height: 356px;
            overflow: hidden;
            float: left;
            background: #F0F7E7;
            border: 1px solid #F3F3F3;
            .floor_wrap_inner_c{
                position: absolute;
                left: 0px;
                top: 0px;
                width: 285px;
                height: 356px;
                overflow: hidden;
                transition: 0.5s;
                background: white;
                &:hover{
                    top: 5px;
                    left: 5px;
                    width: 275px;
                    background: rgba(100,100,100,0.3);
                }
                a{
                    display: block;
                    width: 90%;
                    margin: 0 auto;
                    height: auto;
                    transition: 0.8s;
                    &:hover{
                        width: 100%;
                    }
                    img{
                        width: 100%;
                    }
                }
                h4{
                    width: 100%;
                    height: 40px;
                    .w_c(16px);
                    margin: 10px 0px;
                }
                .btn-group{
                    min-width: 160px;
                    height: 33px;
                    background: #DCE1B9;
                    margin-left: 60px;
                    padding: 0 10px;
                    .w_c(33px);
                }
            }
        }
    }
}



//楼层样式结束














